<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="https://imgcache.qq.com/open/qcloud/video/vcplayer/TcPlayer-2.2.0.js" charset="utf-8"></script>;

    <title>Document</title>
</head>
<body>
    <div id="id_video" style="width:100%; height:auto;"></div>
<script>
    var player = new TcPlayer('id_video', {
    "m3u8": "http://192.168.1.196:8080/hls/rs_4.m3u8", //请替换成实际可用的播放地址
    "autoplay" : true,   //iOS 下 safari 浏览器，以及大部分移动端浏览器是不开放视频自动播放这个能力的
    "width" :  '480',//视频的显示宽度，请尽量使用视频分辨率宽度
    "height" : '320'//视频的显示高度，请尽量使用视频分辨率高度
    });
</script>
</body>
</html>